iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 11
0
自我挑戰組

ArasPLM開發分享系列 第 11

[Day11]Aras使用Form Dialog將MVC嵌入彈跳視窗

  • 分享至 

  • xImage
  •  

在Aras中除了TOC View可以顯示畫面外,Form Dialog也能夠顯示MVC網頁畫面,Form Dialog是利用Aras中的Action來觸發彈跳視窗且顯示畫面

Form Dialog

  1. 首先先進入Aras建立一個Method,製作出彈跳視窗畫面,其中的參數可以設定視窗標題、寬度、高度等等...,content這個參數後面則是要填入MVC網頁完整的URL,URL後面則是可以自行加入想傳的參數,程式碼如下
var topWnd = aras.getMostTopWindowWithAras(window);
var aras_localhost = window.location.hostname;
topWnd = topWnd.main || topWnd;

var params = {
    title: 'WebMVC',
    aras: aras,
    dialogWidth: 1300,             
    dialogHeight: 700,               
    content: 'http://'+aras_localhost+':8088/WebMVC/CADs/Aras'
};

topWnd.ArasModules.Dialog.show("iframe", params);
  1. 在建立一個物件動作(Action),用來觸發開啟Form Dialog視窗,Method則加入剛剛所新增的WebMVC

  2. 接著因為剛剛Action的Type是選擇Generic,所以能在最外面的大廳中看到剛剛所建立的Acion,點選後就能看到網頁成功的在Form Dialog中顯示,這樣子就完成了將MVC網頁嵌入Form Dialog彈跳視窗中了

Search Form Dialog

  1. 另外我們可以也發現到Aras裡面也有不少的Form Dialog,這邊顯示的是內建的Part零組件搜尋視窗,可以直接搜尋Aras中的所有Part零組件

  2. 當然我們也可以自製這個搜尋視窗,能夠做不同ItemType的搜尋,這邊示範的是Part的搜尋,步驟跟上面介紹的一樣,新建立一個Mehtod與Action,程式碼如下

var param = {
    aras: top.aras,
    type: 'SearchDialog',
    dialogWidth: 700,
    dialogHeight: 450,
    itemtypeName: 'Part'
};

function callback(res) {
    if (res) {
        var itemNumber = res.keyed_name;
    }
}

var topWnd = top.aras.getMostTopWindowWithAras();
var wnd = topWnd ? topWnd : window;
wnd.ArasModules.MaximazableDialog.show('iframe', param).promise.then(callback);

  1. 最後點選剛剛建立的Action後,就能成功看到Part搜尋在Form Dialog中顯示


上一篇
[Day10]Aras中使用TOC View嵌入MVC網頁
下一篇
[Day12]發送HTTP Request請求至Aras
系列文
ArasPLM開發分享30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言